<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<title>在线留言</title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/onlineMessage.css" />

		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/holder.js" ></script>
		<script type="text/javascript" src="js/npm.js" ></script>
		<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" href="css/Font-Awesome-4.7.0/css/font-awesome.min.css" />
	</head>
	<body data-spy = 'scroll' data-target = '#mynav'>
		<!--header-->
		<div id="header">
			<div class="header-top">
				<div class="box">
					<div id="left">
						<div><span style="color: #fff;">欢迎来到时尚家居网！</span></div>
					</div>
					<div id="right">
						<div style="float: right;"><a href="#"><span class="glyphicon glyphicon-envelope" style="margin: 0 2px;"></span>8888888lll@gmail.com</a></div>
						<div style="float: right;"><a href="#"><span class="glyphicon glyphicon-earphone" style="margin: 0 2px;"></span>800-80-800xxx</a></div>
					</div>
				</div>
			</div>
			<!--导航-->
			<nav class="navbar navbar-default navbar-fixed-top">
				<div class="container" style="padding-right: 0;">
					<!--小屏幕-->
					<div class="navbar-header">
						<a href="index.html"><img src="img/logo.png"/></a>
						<button class="navbar-toggle" data-target='.navbar-collapse' data-toggle='collapse'>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<!--大屏幕-->
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="index.html">首页</a></li> 
							<li><a href="aboutUs.html">关于我们</a></li>
							<li><a href="productsShow.html">产品展示</a></li>
							<li><a href="newsList.html">新闻动态</a></li>
							<li class="active"><a href="onlineMessage.html">在线留言</a></li>
							<li><a href="contactUs.html">联系我们</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
		<!-- 大图片 -->
		<div id="BigPic">
			<img src="img/banner5.jpg"/>
		</div>
		
		<!--标签-->
		<div class="container-fluid" id="word">
			<div class="container">
	            <p>首页 >> 在线留言</p>
	        </div>
		</div>
		<!--在线留言-->
		<div class="container position" id="onlineMessage">
	        <div class="title wow fadeInDown" data-wow-duration='1s'>
				<div>在线留言
				</div>
			</div>
			<div class="content" style="">
				<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-xs-12" id="left">
					 <ul class="col-lg-12 col-md-11 col-sm-7 col-xs-5">
	                    <li class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"><a href="#">床上用品</a></li>
	                    <li class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"><a href="#">家居饰品</a></li>
	                    <li class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"><a href="#">居家日用</a></li>
	                    <li class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"><a href="#">家居收纳</a></li>
	                    <li class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"><a href="#">厨房收纳</a></li>
	                    <li class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"><a href="#">厨房餐饮</a></li>
	                </ul>
	                <div class="col-lg-12 col-md-12 col-sm-5 col-xs-7"><a href="#"><img src="img/03_f0hi.jpg" alt=""></a></div>
				</div>
				<div class="col-xl-8 col-lg-8 col-md-7 col-sm-11 col-xs-11" id="right">
					<form action="#" method="get">
	                    <h1 class="col-md-12">您可以留下您宝贵的意见，我们会在第一时间回复您，谢谢关注！</h1>
	                    <p class="col-md-12">您的姓名<span>*</span></p><br>
	                    <input type="text" class="form-control col-md-12">
	                   	<p class="col-md-12">您的电话<span>*</span></p><br>
	                    <input type="number" maxlength="11" minlength="11" class="form-control col-md-12">
	                    <p class="col-md-12">您的邮箱<span>*</span></p><br>
	                    <input type="email" class="form-control col-md-12">
	                    <p class="col-md-12">咨询项目<span>*</span></p><br>
	                    <label><input type="checkbox" name="yourProject">床上用品</label>
	                    <label><input type="checkbox" name="yourProject">家居饰品</label>
	                    <label><input type="checkbox" name="yourProject">居家日用</label>
	                    <label><input type="checkbox" name="yourProject">收纳用具</label>
	                    <label><input type="checkbox" name="yourProject">厨房收纳</label>
	                    <label><input type="checkbox" name="yourProject">厨房餐饮</label>
	                    <br>
	                    <p class="col-md-12">咨询内容<span>*</span></p><br>
	                    <textarea class="form-control cont col-md-12 col-sm-12 col-xs-12"></textarea>
	                    <input type="submit" class="form-control col-sm-12 col-xs-12" value="提交"></input>
	                </form>
				</div>
			</div>
		</div>
		
		<!--footer-->
		<div id="footer">
			<!--footer-top-->
			<div class="footer-bj" id="footer-top">
				<div class="container" style="padding-left: 24px;">
					<div class="row">
						<div class="col-md-4 col-xs-4 wow fadeInLeft">
							<img src="img/logo2.jpg">
							<address>
								<p><span class="glyphicon glyphicon-map-marker"></span>&nbsp;&nbsp;地址：中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
								<p><span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;电话：400-000-xxxx / (021)-1234578xxx</p>
								<p><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;邮箱：12385963xxxx@gmail.com</p>
							</address>
						</div>
						<div class="col-md-4 col-xs-4 wow fadeInRight">
							<div class="col-md-12" style="margin-bottom: 10px;">
								<h1>快速链接</h1>
							</div>
							<div class="col-md-6 col-xs-6">
								<p><a href="index.html">网站首页</a></p>
							</div>
							<div class="col-md-6 col-xs-6">
								<p><a href="productsShow.html">产品展示</a></p>
							</div>
							<div class="col-md-6 col-xs-6">
								<p><a href="onlineMessage.html">在线留言</a></p>
							</div>
							<div class="col-md-6 col-xs-6">
								<p><a href="aboutUs.html">关于我们</a></p>
							</div>
							<div class="col-md-6 col-xs-6">
								<p><a href="newsList.html">新闻动态</a></p>
							</div>
							<div class="col-md-6 col-xs-6">
								<p><a href="contactUs.html">联系我们</a></p>
							</div>
						</div>
						<div class="col-md-4 col-xs-4 wow fadeInRight">
							<div class="col-md-12" style="margin-bottom: -20px;">
								<h1>站内搜索</h1>
							</div>
							<div class="col-md-12 col-xs-12">
								<form action="#">
		                        	<input type="text" placeholder=" 请输入关键字">
		                        	<button type="submit">搜索</button>
			                    </form>
							</div>
							<div class="col-md-8 col-xs-12">
								<p><a href="#">关注我们<img src="img/fenxiang.png" alt="" style="margin-bottom: 5px;"></a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--footer-bottom-->
			<div id="footer-bottom">
	            <div class="container">
	                <p>Copyright © 2009-2011,www.XXXXXX.com,All rights reserved 沪ICP备XXXXXXX号未经同意,不得转载</p>
	            </div>
	        </div>
		</div>
		
		<!--回到顶部-->
		<!--在线客服-->
		<!--qq聊天代码部分begin-->
		<div class="izl-rmenu">
		    <a class="consult" target="_blank"><div class="phone" style="display:none;">0592-1234567</div></a>
		    <a class="cart"><div class="pic"></div></a>
		    <a href="javascript:void(0)" class="btn_top" style="display: block;"></a>
		</div> 
		<a target="_blank"  href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes" id="udesk-feedback-tab" class="udesk-feedback-tab-left" style="display: block; background-color: black;"></a>
		<!--qq聊天代码部分end-->
		
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="js/jquery-1.11.1.js"></script>
		<script src="js/jquery-1.8.3.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<!--自己写的js-->
		<script src="js/main.min.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
